<!---首页界面--->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生信息管理系统</title>
    <meta charset="utf-8">
    <style type="text/css">
        h1{background:url("d.png");width:1500px;height:80px;font-size:54px;color: #010102;font-family: 华文行楷;}
        span {background: linear-gradient(to right, #ffaf1d, #ff3408);-webkit-background-clip: text;color: transparent;}
        a{ text-decoration:none;}
        a:visited {color: #fffcf3}
        img{top:-30px;left:1400px;position:absolute;z-index:-5;}
        #header {position: relative;height: 70px;margin: 0; padding: 0;color: #808080;}
        form.search {padding-left: 1450px; margin-top: -32px;font-weight:bold; color:#fff;line-height:35px;width: 75px;}
        #menu {clear: both;background: #FF9966 url(menubg.gif) repeat-x;height: 30px;margin: 0;font: bolder 1.2em/30px Tahoma, Verdana, Arial, Sans-Serif;width: 1520px;}
        #menu ul{margin: 8px; padding: 0 0 400px 400px;/*调整导航内容的位置*/}
        #menu ul li {float: left;list-style: none;border-right: 1px solid #FFA500;}
        #menu ul li a {display: block;text-decoration: none;padding: 0 15px;color: #FFF;}
        #menu ul li a:hover {color: #333;background: url(menu-hover-bg.gif) repeat-x;}
        #menu ul li#current a {color: #333;background: url(menu-current-bg.gif) repeat-x;}
        y:hover{color: #f03301}

        .flex-container a:active,
        .flexslider a:active,
        .flex-container a:focus,
        .flexslider a:focus  {outline: none;}
        .slides,
        .flex-control-nav,
        .flex-direction-nav {margin: 200px; padding: 50px; list-style: none;}
        .flexslider {margin: -20px; padding: -10px;}
        .flexslider {
            padding:  0px;
            border: 0px;
            position: relative;
            zoom: 1;
        }
        .flex-direction-nav a {
            display: block;
            position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px;
            background: url(left.png) no-repeat 10px 10px #ff7c0d;
            width: 50px;
            height: 50px;
            border: 1px dashed #fff;
            border-radius: 100px;
            position: absolute;
            cursor: pointer;
            z-index: 100;
            -webkit-transition: all .3s ease;}
        .flex-direction-nav .flex-next {left: 300px;}
        .flex-direction-nav .flex-prev { background: url(right.png) no-repeat 10px 10px #ff7c0d;left: auto; right:300px;}

        .flex-control-nav {
            position: absolute;
            right: 10%;
            margin-left: 0px;
            top: 30%;
        }
        .flex-control-nav li {margin: 0 10px; display: inline-block; zoom: 1; *display: inline;}
        .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #ff7c0d;  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
        .flex-control-paging li a.flex-active { background: #C69C6C;  cursor: default; }
        img {
            vertical-align: middle;
            border: 0;
        }
        .img-responsive,
        .thumbnail > img,
        .thumbnail a > img,
        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            display: block;
            max-width: 100%;
            height: auto;
        }



    </style>
    <script src="jquery.min.js"></script>

</head>

<body>
<div id="header">
<h1 align=center ><span>欢迎来到学生信息管理系统</span></h1>
    <img src="t3.png">
</div>
<div id="menu">
    <ul>
        <li id="current"><a href="head.html">首页</a></li>
        <li><a href="method.html">评定方法</a></li>
        <li><a href="gradeselect.jsp">成绩查询</a></li>
        <li><a href="gradeinsert.html">成绩输入</a></li>
        <li><a href="gradeupdate.html">成绩修改</a></li>
        <li><a href="publicity.html">评比公示</a></li>
        <li><a href="http://mail.zut.edu.cn/">提出申请</a></li>
    </ul>
</div>
<div id="wrap">
    <form method="post" class="search" >
        <a href="login.html"><y>退出</y></a>
</form>
</div>
<div class="header" id="top">
    <section class="slider">
        <div class="flexslider">
            <ul class="slides">
                <li>
                    <img src="c1.jpg" class="img-responsive" alt="">

                </li>
                <li>
                    <img src="c2.jpg" class="img-responsive" alt="">
                </li>

            </ul>
        </div>
    </section>
    <!--FlexSlider-->
    <link type="text/css" media="screen" />
    <script defer src="jquery.flexslider.js"></script>
    <script type="text/javascript">
        $(window).load(function(){
            $('.flexslider').flexslider({
                animation: "slide",
            });
        });
    </script>
</div>
</body>
</html>